<template>
    <view>
        <Header returnIcon="white" :background="background" :title="title" />
        <view class="content" :style="{'height': `${noBarHeight}px`}">
            <view class="help_black" v-for="(item, index) in helpList || 6" :key="index">
                <view class="help_step">问题{{ item }}</view>
                <view class="help_title">问题标题{{ item }}</view>
                <view class="help_content">答: 问题回答内容{{item}}</view>
            </view>
        </view>

    </view>
</template>
<script>
import CheckTitle from "@/components/CheckTitle.vue";
import Header from "@/components/Header.vue";
var app = getApp()
export default ({
    name: "help",
    data() {
        return {
            background: 'linear-gradient(0, #5162FD, #8E4EF7)',
            title: '帮助内容',
            noBarHeight: app.globalData.noBarHeight,

        }
    },
    components: {
        Header
    },
    methods: {

    }
})
</script>

<style scoped lang="scss">
.content {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    background: white;
    overflow-y: auto;
    .help_black {
        width: 100%;
        height: auto;
        padding: 40rpx;
        box-sizing: border-box;
        .help_step {
            font-size: 32rpx;
            line-height: 32rpx;
            color: #5162FD;
            margin-right: 20rpx;
            display: inline-block;
        }
        .help_title {
            line-height: 32rpx;
            font-size: 32rpx;
            color: #494949;
            display: inline-block;
        }
        .help_content {
            font-size: 28rpx;
            color: #656667;
            line-height: 28rpx;
            margin-top: 20rpx;
        }
    }
}
</style>
